.theoretical-bg {
	width: 1177px;
	height: 580px;
	background: url(../images/bg.png) no-repeat left top;
	padding-top: 132px;
	padding-left: 80px;
}

.theoretical-bg>div {
	float: left;
	width: 206px;
	height: 188px;
	border: 1px solid transparent;
	margin-right: 22px;
	transition: 0.3s all;
	margin-top: 38px;
	background: rgba(255,255,255,0.6);
}

.theoretical-bg>div>img {
	height: 100%;
	width: 100%;
}
.model{
	position: relative;
	box-sizing: border-box;
    border-radius:4px ;
    display: none;
}

.active {
	
}
.active img{
	width: 110% !important;
	height: 110% !important;
	margin-top: -5%;
	margin-left: -5%;
	box-shadow:0px 0px 30px 10px white ;
	
}
.medel-title{

	position: absolute;
	top: 0px;
	font-size: 28px;
	color: white;
	width: 100%;
	text-align: center;
	margin-top: 140px;
}
